@charset "UTF-8";

.layui-m-layerchild .layui-m-layercont{padding:0;}
.layui-m-layer0 .layui-m-layerchild li{height:.8rem; line-height:.78rem; border-bottom:1px solid #e4e4e6; color:#40AFFE; font-size:.32rem;}
.layui-m-layer0 .layui-m-layerchild li:last-child{border-bottom:none; font-size:.34rem;}

/*search 搜索框*/
input{display:block; width:7rem; height:.7rem; line-height:.7rem; border:1px solid #ebebeb; margin:.1rem auto;}
form{position:relative;}
form div{width:2.2rem; height:.7rem; line-height:.7rem; position:absolute; left:50%; top:0; margin-left:-1.1rem; color:#aeaeae;}
form div i{margin-right:.1rem;}

/*list 列表*/
.content{padding: .3rem .63rem 0 .63rem;}
.content ul li{width:1.2rem;height:1.86rem;font-size: .28rem;float: left;margin-right: .45rem;}
.content ul li:nth-child(1) a{background: #60eb77;}
.content ul li:nth-child(2) a{background: #ff6536;}
.content ul li:nth-child(3) a{background: #55cdff;}
.content ul li:nth-child(4) a{background: #ffee61;}
.content ul li:nth-child(4){margin-right:0;}
.content ul li a{display: block;width:1.2rem;height:1.2rem;border-radius: 1.4rem;}
.content ul li a i{display: block;text-align: center;line-height: 1.2rem;color:#fff;font-size: .7rem;text-decoration: none;}
.content ul li h5{color:#aeaeae;text-align: center;padding-top: .16rem;}
/*recommendation 样式*/
.recommendation{margin-top:.3rem;}
.recommendation .tit{color:#999;}
.recommendation .tit img{width:.2rem;height:.27rem;padding: 0 .05rem 0 .25rem;}
.recommendation .cont ul li{border-bottom: .03rem solid #bbbbbb;padding:.25rem .25rem;}
.recommendation .cont ul li .question{font-size: 0;}
.recommendation .cont ul li .question i,.recommendation .cont ul li .question h3{display: inline-block;}
.recommendation .cont ul li .question i{font-size: .18rem;color:#fff;display: inline-block;width:.3rem;height:.3rem;line-height:.3rem; border-radius: .02rem;background: #fe2d63;vertical-align: top;text-align: center;}
.recommendation .cont ul li .question h3{font-size: .3rem;color:#333;margin:0 .15rem 0 .05rem;}
.recommendation .cont ul li .question i:nth-child(3){background:#fff;border:.03rem solid #999;color:#999;}
.recommendation .cont ul li .info{margin-top:.2rem;}
.recommendation .cont ul li .info img{width:.53rem;height:.53rem;vertical-align: middle;}
.recommendation .cont ul li .info p:nth-child(1){float: left;color:#999;font-size: .24rem;}
.recommendation .cont ul li .info p:nth-child(2){float: right;line-height: .53rem;color:#c4c4c4;font-size: .2rem;}
.recommendation .cont ul li .info p:nth-child(2) span{color:#ff6464;}
